<template>
  <button
    @click="$emit('click', $event)"
    :class="'btn btn' + (outline ? '-outline' : '') + '-' + type + ' btn-' + size"
    :disabled="disabled"
  >
    <slot></slot>
  </button>
</template>
<script>
export default {
  props: {
    outline: {
      type: Boolean,
      default: false,
    },
    disabled: {
      type: Boolean,
      default: false,
    },
    type: {
      type: String,
      default: 'primary',
    },
    size: {
      type: String,
      default: '',
    },
  },
};
</script>
